.login_bg{width:100%;height:100%;background:#524e4f url(/static/home/images/bg-logo.jpg);background-size:cover;}
.main{width: 100%;height: 100%;position: fixed;top: 0;left: 0;bottom: 0;z-index:1;/* background-color:black;*/} 
.unit{width:794px;height:470px;position:absolute;z-index:2; top: 50%;left: 50%;margin-left:-397px;margin-top: -235px;/*background-color: red;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);*/ }
.loginForm h4.title{text-align:center;margin-bottom:30px;padding-bottom:12px;position: relative;color: #df5151;font-size:18px;}
.loginForm h4.title:before{content:"";width: 30px;height: 2px;background-color: #df5151;border-radius: 1px;position:absolute;left:50%;margin-left:-15px;bottom:0px;}
.fl_div{margin-top:53px;width:471px;height:364px;background: url(/static/home/images/fl_div_bg.png);background-size: cover;padding-top:30px;padding-left:28px;color:#fff;}
.fl_div .line{margin-top:22px;margin-bottom:20px;width: 40px;height: 2px;background-color: #ffffff;}
.fl_div .text{font-size:16px;}
.fl_div .tel{font-size:24px;margin-top:13px;margin-bottom:107px;}
.fl_div ul li{display:inline-block;}
.fl_div ul li a{display: block;height:26px;line-height:26px;padding-left:31px;padding-right:31px;font-size:14px;color:#fff;position:relative;}
.fl_div ul li a:after{content:"";position: absolute;right:0px;top:0px;width:1px;height:100%;background-color: #ffffff;opacity: 0.8;}
.fl_div ul li:first-child a{padding-left:0;}
.fl_div ul li:last-child a:after{background-color:transparent;}
.loginForm{width:410px;height:100%;background-color: #ffffff;box-shadow: -13px 13px 19px 1px rgba(0, 0, 0, 0.4);border-radius: 5px;position:absolute;right:0;top:50%;margin-top:-236px;padding:40px 35px;}
.inputBox{position: relative;}
.inputBox input{padding-left:14px;padding-right:14px; width:100%;height: 48px;line-height:48px;border-radius: 3px;border: solid 1px #cbcbcb;margin-bottom:15px;}
.yanzCode input{width:170px;}
.yanzCode a{display:flex;width:157px;height:48px;border-radius: 3px;border: solid 1px #cbcbcb;position:absolute;right:0;top:0;justify-content: center;align-items: center;background-color:#F3FBFE;}
.verifCode input{padding-right:105px;}
.verifCode a{width:105px;height:48px;line-height:48px;text-align:center;font-size:14px;color:#666;position:absolute;right:0;top:0;}
.privacy{display: flex;justify-content: flex-start;padding-left:20px;position: relative;color:#999;font-size:12px;margin-bottom:15px;}
.privacy input[type=checkbox]{display: none;}
.privacy label{cursor: pointer;}
.privacy label:before{content:"";display:inline-block;width:14px;height:14px;background:url(/static/index/images/checked_no.png);background-size:cover;position:absolute;left:0;top:2px;}
.privacy input[type=checkbox]:checked+label:before{content:"";display:inline-block;width:14px;height:14px;background:url(/static/index/images/login/checked.png);background-size:cover;position:absolute;left:0;top:2px;}
.privacy a{color:#666;}
.errorTip{padding-bottom:12px;}
.tips{display:flex;align-items:center;justify-content:flex-start;font-size:12px;color: #e45547;}
.tips img{margin-right:10px;}
a.submit{display: block;width:100%;height: 46px;line-height:46px;text-align:center;background-color: #c7483b;border-radius: 4px;color:#fff;font-size:18px;margin-bottom:16px;}
.bottom{display: flex;}
.bottom .fll{flex:1;display:flex;justify-content: flex-start;font-size:14px;}
.bottom .fll:nth-of-type(2){justify-content: flex-end;}
.bottom .fll:nth-of-type(1) a{color:#ca3939;}
.bottom .fll span{color:#999}
.bottom .fll:nth-of-type(2) a{color: #666666;}
.loginForm .titleUnit{width:100%;height:30px;margin-bottom:40px;}
.titleUnit .unite{width:100%;height:30px;position:relative;float:left;cursor: pointer;}

/*.titleUnit .unite:nth-of-type(1):after{content:"";width: 1px;height: 20px;background-color: #cbcbcb;position:absolute;top:0px;right:0px;}*/
       
.titleUnit .unite h3.title{text-align:center;color: #999;font-size:18px;}
.titleUnit .unite.current h3.title{color: #df5151;}
.titleUnit .unite.current:before{content:"";width: 30px;height: 2px;background-color: #df5151;border-radius: 1px;position:absolute;left:50%;margin-left:-15px;bottom:-10px;}


@media screen and (max-width: 640px){
        .unit{
                width: 100%; 
                left: 2%;
                margin-left: 0;    
        }   
        .fl_div{
                display: none;
        }
        .loginForm{
                width: 96%;
                right: auto;
        }
        .yanzCode input{
                width: 48%;
        }
        .yanzCode a{
                width: 48%;
        }
}